<!DOCTYPE html>                                                                 
                                        
<script src="../resources/common.js"></script>                                  
                                        
<script src="../../../resources/js-test.js"></script>  

<form>
<input type="radio" name="fruit" id="apple">
<input type="radio" name="fruit" id="banana">
<input type="radio" name="fruit" id="cherry">
</form>

<script>
description('Tests behavior of arrow with modifer keys on radio button.');

clickElement(document.getElementById('banana'));
shouldBeTrue('document.getElementById("banana").checked');

eventSender.keyDown('ArrowRight', ['ctrlKey']);
shouldBeTrue('document.getElementById("banana").checked');

eventSender.keyDown('ArrowLeft', ['shiftKey']);
shouldBeTrue('document.getElementById("apple").checked');

eventSender.keyDown('ArrowLeft', ['altKey']);
shouldBeTrue('document.getElementById("apple").checked');
</script>
